:root {
    --judul-berita-color: #002186;
    --text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }

  .NEWS1-Berita1 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita1 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita2 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita2 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita3 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita3 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita4 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita4 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita5 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita5 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita6 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita6 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita7 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita7 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita8 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita8 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita9 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita9 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita10 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita10 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita11 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita11 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita12 p{
    color: var(--judul-berita-color);
    text-align: start;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    border-top: 0.5px solid #a3a3a3;
  }
  .NEWS1-Berita12 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }
  .NEWS1-Berita15 p:hover{
    text-shadow: var(--text-shadow);
    text-decoration: underline;
    border-top: 2px solid #000000;
  }

  /* NEWS 3 */
  .card{
    border: none;
  }
  /* NEWS 3 END */